
.passenger{
    position: relative;
    width: percentW(1870px);
    margin: 0 auto;
    .left,.right,.center{
        position: relative;
        height: percentH(1050px);
    }
}

  
  
.left{
    position: absolute !important;
    top: 0;
    left: 0;
    width: percentW(436px);
}
.right{
    position: absolute !important;
    top: 0;
    right: 0;
    width: percentW(436px);
}
.center{
    width: percentW(912px);
    margin: 0 auto;
}


// 数据资源统计
.resource-list{
    width: 100%;
    height: percentH(972px);
    padding: 3%;
    box-sizing: border-box;
}


// left
.left-item{
    height: 32%;
    .item{
        position: relative;
        width: 100%;
        height: 260 / 330 * 100%;
    }
    .select-wrapper{
        height: 40px;
        line-height: 40px;
    }
    .el-radio-group,.el-radio,.selects{
        line-height: 40px;
    }
    .radios{
        position: relative;
        left: 5%;
    }
}
.item-center{
    margin-top: 10px;
    margin-bottom: 10px;
}



// center
.warning-item{
    position: relative;
    width: 100%;
    height: percentH(454px);
    .radios{
        text-align: center;
    }
    #centerTop{
        top: -5%;
    }
}


.center-bottom{
    display: inline-block;
    width: 436 / 912 * 100%;
    height: percentH(506px);
    margin-top: 8px;
}
.center-bottom-item{
    position: relative;
    width: 100%;
    height: 436 / 506 * 100%;
    .radios{
        text-align: center;
    }
}
.line-wrapper{
    position: relative;
    width: 100%;
    height: 45%;
    &>div{
        display: inline-block;
        vertical-align: middle;
    }
}
.passengeritem{
    margin-right: 40 / 912 * 100%;
}





.radios {
    line-height: 36px;
    font-size: 0;
    .el-radio {
      margin-left: 16px !important;
    }
    .el-radio__label {
      color:#fff !important;
      font-size: 10px;
      padding-left: 4px;
    }
    .el-radio__inner {
       background-color: #0055a9;
       border : none;
    }
    .el-radio__inner::after{
        width: 6px;
        height: 6px;
    }
}


.select-wrapper{
    position: relative;
}
.selects{
    position: absolute;
    top: 0;
    right: 3%;
    font-size: 0;
    line-height: 36px;
    span{
        color: #fff;
        font-size: 12px;
    }
    .el-input__inner{
        width: 60px;
        height: 22px;
        line-height: 22px;
        color: #fff;
        font-size: 12px;
        padding: 0 4px;
        border-radius: 0;
        border: 1px solid #46feff;
        background-color: transparent;
        box-sizing: border-box;
    }
}
.el-select-dropdown{
    margin-top: -6px !important;
    border: none !important;
    background-color: transparent !important;
    .popper__arrow{
        display: none !important;
    }
}
.el-select-dropdown__list{
    width: 60px;
    padding: 0 !important;
}
.el-select-dropdown__item{
    font-size: 12px !important;
    height: 20px !important;
    line-height: 20px !important;
    color: #fff !important;
    padding: 0 5px !important;
    text-align: center;
    background-color: rgba(0, 85, 169, .7) !important;
    &:hover{
        background-color: rgba(0, 6, 209, .8) !important;
    }
}
.el-input__suffix{
    width: 20px;
    right: 0;
    font-size: 0;
    i{
        width: 100%;
        line-height: 22px;
        color: #fff !important;
    }
}



@media screen and (max-height:769px) {
    .center-bottom{
        // margin-top: 0;
    }
    .left-item{
        .radios{
            left: 3%;
        }
    }
    .radios{
        .el-radio {
            margin-left: 12px !important;
        }
    }
}

